<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="homePage" class="index">
      <div class="titleBox authorizeTitleBox">
        <!-- <span>小营街道金钱巷社区"1+N"邻里互助协同共管平台</span> -->
        <span>小营街道“1+N”邻里互助协管平台</span>
      </div>
    <div class="box1 huBinBtnAuthority">
      <div class="logo">
      </div>
      <!-- 协同作战 -->
      <div class="patrolManagement cooCombatManagement authorizeCombinedAction">
        <div class="patrolManagement-title">
          <span>协同作战</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="cooCombatManage">协同管理</li>
          </ul>
        </div>
      </div>
      <!-- 楼长制 -->
      <div class="patrolManagement houseMasterManagement authorizeHouseMaster">
        <div class="patrolManagement-title">
          <span>楼长制</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="houseMasterInformationManagement">信息管理</li>
            <li class="inspectionRecordsBtn">巡查记录</li>
            <li class="exceptionViolation-trigger">问题列表</li>
            <li class="monthlyReportBtn">月报表</li>
            <!-- <li>任务列表</li> -->
          </ul>
        </div>
      </div>
      <!-- 信息化服务 -->
      <div class="patrolManagement informationService authorizeHouseMaster">
        <div class="patrolManagement-title">
          <span>信息化服务</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="shopInspectionBtn">检查记录</li>
          </ul>
        </div>
      </div>
      <!-- 巡更管理 -->
      <div class="patrolManagement authorizePatrolManagement" id="patrolManagement">
        <div class="patrolManagement-title">
          <span>巡更管理</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li>巡更历史</li>
            <li>巡更设置</li>
            <!-- <li sec:authorize="hasAuthority('patrolPersonnel')" class="none">巡更人员</li> -->
            <li class="authorizePatrolPersonnel none">巡更人员</li>
          </ul>
        </div>
      </div>
      <!-- 日常管理 -->
      <div class="patrolManagement dailyManagement authorizeDailyManagement">
        <div class="patrolManagement-title">
          <span>日常管理</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="abnormal-trigger authorizeUnitException">设备异常</li>
            <li class="alarmManageBtn cd-popup-trigger3 authorizeAlarmManagement">报警管理</li>
            <li class="historyNews-trigger authorizeHistoricalInformation">报警历史</li>
          </ul>
        </div>
      </div>
      <!-- 子平台列表 -->
      <div class="patrolManagement patrolManagement-subplatform authorizeSubplatformList">
        <div class="patrolManagement-title">
          <span class="authorizeSubplatformList">子平台列表</span>
        </div>
        <div class="patrolManagement-content" style="display: none;">
          <ul>
            <li class=""><a href="http://123.157.208.126:8089/LTPortal/" target="_blank">大华烟感</a></li>
            <li class=""><a href="http://118.178.105.42/smoke/index.php?s=/Admin/Public/login.html" target="_blank">移动烟感</a></li>
            <li class=""><a href="http://121.199.48.132:8099/" target="_blank">桩源充电桩</a></li>
            <li class=""><a href="http://app.diandingding.com/login/" target="_blank">电钉钉用电</a></li>
          </ul>
        </div>
      </div>
      <!-- 基础配置 -->
      <div class="patrolManagement authorizeBasicConfiguration">
        <div class="patrolManagement-title">
          <span>基础配置</span>
        </div>
        <!-- patrolManagement-title -->
        <div class="patrolManagement-content">
          <ul>
            <li class="configuration-trigger authorizeDeviceManagement">设备管理</li>
            <li class="patrollingPointBtn authorizePatrolPoint">点位管理</li>
            <li class="personal-trigger authorizePersonnelManagement">人员管理</li>
            <li class="account-trigger authorizeAccountManagement">账号管理</li>
            <li class="miniFireStation-trigger authorizeFireStationManagement">微站管理</li>
            <li class="org-trigger authorizeOrganizationManagement">组织管理</li>
            <li class="role-trigger authorizeRoleManagement">角色管理</li>
          </ul>
        </div>
      </div>
      <!-- 数据统计 -->
      <div class="patrolManagement authorizeDataStatistics">
        <div class="patrolManagement-title">
          <span class="bigData-trigger">数据统计</span>
        </div>
      </div>
      <!-- 建筑检测 -->
      <div class="patrolManagement buildingTestManagement authorizeBuildingTestManagement">
        <div class="patrolManagement-title">
          <span class="authorizeBuildingTestManagement">建筑检测</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="buildingTest-trigger authorizeBuildingTestManagement">建筑检测</li>
          </ul>
        </div>
      </div>
      <!-- 油烟检测 -->
      <div class="patrolManagement lampblackManagement authorizeLampblackTestManagement">
        <div class="patrolManagement-title">
          <span class="authorizeLampblackTestManagement">油烟检测</span>
        </div>
        <div class="patrolManagement-content">
          <ul>
            <li class="LampblackTest-trigger authorizeLampblackTestManagement">油烟检测</li>
          </ul>
        </div>

      </div>
        
      <!-- 信息维护 -->
      <div class="patrolManagement authorizeInformationMaintenance">
        <div class="patrolManagement-title">
          <span>信息维护</span>
        </div>
        <!-- patrolManagement-title -->
        <div class="patrolManagement-content">
          <ul>
            <li class="wallDoor-trigger">墙门管理</li>
            <li class="keyPerson-trigger">人员管理</li>
            <li class="informApk-trigger">通知管理</li>
            <li class="notice-trigger">公告管理</li>
          </ul>
        </div>
      </div>
      <!-- 搜索框 -->
      <div class="patrolManagement homepageSearchBox">
        <input type="text" class="devAddress" placeholder="请输入设备编号或地址">
        <i></i>
        <ul class="homepageSearchList">
          <!-- TODO -->
        </ul>
      </div>
      <!-- 左边 -->
      <div class="indexLeft indexLeftStyle authorizeAlarmUnprocessed">
        <div class="unprocessedAlarm">
          <p class="cd-popup-trigger3">未处理报警数:
            <span class="aperture alarmSum">0</span>条</p>
          <div class="pulse pulseTop22"></div>
          <div class="pulse1 pulseTop22"></div>
        </div>
      </div>
      <!-- 中间 -->
      <div class="indexCenter indexCenterStyle">
        <div class="alarmDataBox">
          <div class="alarmData fl">
            <p class="titletarget">当日报警总数</p>
            <p class="alarmDataNum">
              <span></span>条</p>
          </div>
          <div class="fl">
            <div class="miniFireBox miniFireStation-trigger">微型消防站数：
              <span></span>
            </div>
            <div class="onlineFireBox miniFireStation-trigger">在线消防站数：
              <span></span>
            </div>
          </div>
        </div>
      </div>

      <!-- 地图按钮 -->
      <div class="indexCenterMapStyle deviceTypeToggleBtn huBinBtnAuthority">

        <div class="devAlltoggleBtn dailyManagement">
          <!--  sec:authorize="hasAuthority('dailyManagement')" -->
          <div class="devAlltoggleBtn-title">
            <span class="active earlyWarningHide">全部</span>
          </div>
          <div class="devAlltoggleBtn-content">
            <ul>
              <li class="" id="allDevBtn">全部</li>
              <li class="devBtn" id="smokeBtn">烟感</li>
              <li class="devBtn" id="chargeBtn">充电桩</li>
              <li class="devBtn" id="fireplugBtn">消火栓</li>
              <!-- <li class="devBtn" id="waterBtn">水位检测</li>
              <li class="devBtn" id="electricityBtn">智慧用电</li>
              <li class="devBtn" id="GPSBtn">GPS人员</li>
              <li class="devBtn" id="videoBtn">视频</li> -->
              <li class="devBtn" id="sentryBoxBtn">岗亭</li>
              <li class="devBtn" id="apkBtn">终端</li>
              <li class="devBtn zyjdauthorize" id="shoubaoBtn">手报</li>
              <li class="devBtn" id="keyPersonBtn">重点人员</li>
            </ul>
          </div>
        </div>

        <ul class="deviceTypeToggleBtn1 clearfix">
          <li class="keepWatch authorizeKeepWatch none" id="keepWatchBtn">巡更</li>
          <li class="earlyWarningBtn authorizeThreeColor none" id="earlyWarningBtn">三色预警</li>
          <li class="houseMasterBtn none authorizeHouseMaster" id="houseMasterBtn">楼长制</li>
          <li class="none authorizeCombinedAction" id="combinedActionBtn">社企信息</li>
          <li class="buildingBtn authorizeHighBuilding none" id="buildingBtn">高层建筑</li>
          <li class="wenbaoBtn authorizeCulturalRelicProtection none" id="wenbaoBtn">文历保</li>
          <li class="wallDoorBtn authorizeWallDoor" id="wallDoorBtn">墙门</li>
        </ul>
      </div>
    </div>
    <!-- 中间底部 -->
    <!-- 烟感 -->
    <div class="pointPositionBox pointPositionBox-smoke none">
      <div class="pointPosition allPointPosition" id="allPointPosition">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tipGreen"></span>
      </div>
      <div class="pointPosition" id="lowPointPosition">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">低电</div>
        <span class="tip tipOrgange"></span>
      </div>
      <div class="pointPosition" id="alarmPointPosition">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">报警</div>
        <span class="tip tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition">
        <div class="pointPositionImg pointPositionImg4 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tipGry"></span>
      </div>
    </div>
    <!-- 三色预警 -->
    <div class="pointPositionBox pointPositionBox-earlyWarning earlyWarningPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-earlyWarning">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="commonlyPointPosition-earlyWarning">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">一般</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="middlePointPosition-earlyWarning">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">较大</div>
        <span class="tip tip4 tipOrgange"></span>
      </div>
      <div class="pointPosition" id="heightPointPosition-earlyWarning">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">高危</div>
        <span class="tip tip4 tipRed"></span>
      </div>
    </div>
    <!-- 充电桩 -->
    <div class="pointPositionBox pointPositionBox-charge chargePointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-charge">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-charge">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="abnormalPointPosition-charge">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">异常</div>
        <span class="tip tip4 tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition-charge">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tip4 tipGry"></span>
      </div>
    </div>
    <!-- 消火栓 -->
    <div class="pointPositionBox pointPositionBox-fireplug fireplugPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-fireplug">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-fireplug">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="alarmPointPosition-fireplug">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">报警</div>
        <span class="tip tip4 tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition-fireplug">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tip4 tipGry"></span>
      </div>
    </div>
    <!-- 水位检测 -->
    <div class="pointPositionBox pointPositionBox-water waterPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-water">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-water">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="abnormalPointPosition-water">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">报警</div>
        <span class="tip tip4 tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition-water">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tip4 tipGry"></span>
      </div>
    </div>
    <!-- 智慧用电 -->
    <div class="pointPositionBox pointPositionBox-electricity electricityPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-electricity">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-electricity">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip5 tipGreen"></span>
      </div>
      <div class="pointPosition" id="lowPointPosition-electricity">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">低电</div>
        <span class="tip tip5 tipOrgange"></span>
      </div>
      <div class="pointPosition" id="alarmPointPosition-electricity">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">报警</div>
        <span class="tip tip5 tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition-electricity">
        <div class="pointPositionImg pointPositionImg4 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tip5 tipGry"></span>
      </div>
    </div>
    <!-- GPS人员 -->
    <div class="pointPositionBox pointPositionBox-GPS GPSPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-GPS">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-GPS">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="abnormalPointPosition-GPS">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">异常</div>
        <span class="tip tip4 tipRed"></span>
      </div>
      <div class="pointPosition" id="faultPointPosition-GPS">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">故障</div>
        <span class="tip tip4 tipGry"></span>
      </div>
    </div>
    <!-- 视频 -->
    <div class="pointPositionBox pointPositionBox-video videoPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-video">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="normalPointPosition-video">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常</div>
        <span class="tip tip2 tipGreen"></span>
      </div>
    </div>
    <!-- 巡更 -->
    <div class="pointPositionBox personnelStatisticsShow pointPositionBox-keep none">
      <div class="pointPosition" id="allPointPosition-keep">
        <div class="pointPositionImg pointPositionImg2-ziyang activeToggle active"></div>
        <div class="pointPositionText">全部</div>
        <span class="tip tip3"></span>
      </div>
      <div class="pointPosition" id="normalPointPosition-keep">
        <div class="pointPositionImg pointPositionImg1-ziyang activeToggle"></div>
        <div class="pointPositionText">巡更点位</div>
        <span class="tip tip3"></span>
      </div>
      <div class="pointPosition" id="normalPointPosition-fireStation">
        <div class="pointPositionImg pointPositionImg3-fireStation activeToggle"></div>
        <div class="pointPositionText">微型消防站</div>
        <span class="tip tip3"></span>
      </div>
    </div>
    <!-- 楼长制 -->
    <div class="pointPositionBox pointPositionBox-houseMaster houseMasterPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-houseMaster">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部楼宇</div>
      </div>
      <div class="pointPosition" id="commonlyPointPosition-houseMaster">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">正常楼宇</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="middlePointPosition-houseMaster">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">关注楼宇</div>
        <span class="tip tip4 tipOrgange">0</span>
      </div>
      <div class="pointPosition" id="heightPointPosition-houseMaster">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">重点楼宇</div>
        <span class="tip tip4 tipRed"></span>
      </div>
    </div>
    <!-- 高层建筑 -->
    <div class="pointPositionBox pointPositionBox-building buildingPointBox none">
      <div class="pointPosition allPointPosition" id="allPointPosition-building">
        <div class="pointPositionImg pointPositionImg0 activeToggle active"></div>
        <div class="pointPositionText">全部</div>
      </div>
      <div class="pointPosition" id="commonlyPointPosition-building">
        <div class="pointPositionImg pointPositionImg1 activeToggle"></div>
        <div class="pointPositionText">高层</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="heightPointPosition-building">
        <div class="pointPositionImg pointPositionImg2 activeToggle"></div>
        <div class="pointPositionText">文保</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
      <div class="pointPosition" id="middlePointPosition-building">
        <div class="pointPositionImg pointPositionImg3 activeToggle"></div>
        <div class="pointPositionText">联防</div>
        <span class="tip tip4 tipGreen"></span>
      </div>
    </div>
    <!-- 协同作战 -->
    <!-- <div class="combinedActionTask combinedActionTaskStyle">
      <span>确认</span>
      <span class="combinedActionTaskCancel">取消</span>
    </div> -->

    <!-- <div class="combinedActionTaskBack combinedActionTaskStyle">
    <span class="combinedActionTaskBackIcon"></span>
    <span class="combinedActionTaskBackText">返回任务单</span>
    </div> -->

    <!-- 用户信息 -->
  

    <div class="indexRight indexRightStyle">
      <!-- 湖滨 未处理报警条数 旧的报警弹框-->
      <!-- <div class="indexLeft  move1 untreatedAlarmNum huBinBtnAuthorityShowAlarm">
        <div class="unprocessedAlarm">
          <p class="cd-popup-trigger3">未处理报警数:
            <span class="aperture alarmSum">0</span>条</p>
          <div class="pulse pulseTop22"></div>
          <div class="pulse1 pulseTop22"></div>
        </div>
      </div> -->
      <div class="indexRightHeight indexRightHeightStyle userBigBox huBinBtnAuthority">
        <div class="userBox">
          <div class="fl userAvatar"></div>
          <div class="fl userName"></div>
          <div class="fl userText editCurrentAccount-trigger">查看</div>
          <div class="fl userText" onclick="window.location.href='/logout'">注销</div>
        </div>
      </div>
      <div class="indexRightHeight indexRightHeightStyle deviceStatistics deviceStatisticsRight authorizeDeviceStatistics">
        <div class="dataStyle">
          <div class="deviceAvatar"></div>
          <p class="titleText vid">设备统计</p>
          <div class="pStyle pStyle2">
            <p class="configuration-trigger p"><span class="text">设备总数：</span>
              <span class="devSum"></span>
            </p>
            <p class="unitException-trigger p unitExceptionText">设备异常总数：
              <span class="abnormalSum"></span>
            </p>
            <p class="threeColorText">三色预警统计数量：
              <span class="threeColorSum">22</span>
            </p>
            <p class="miniFireStationText">微型消防站统计数量：
              <span class="miniFireStationSum"></span>
            </p>
            <p class="buildingSystemText">楼长制统计数量：
              <span class="buildingSystemSum">0</span>
            </p>
            <div class="cooCSumTextBox">
              <p>协同作战统计数量：<span class="cooCSum">40</span></p>
              <p>社企数量：<span class="cooCSum1">12</span></p>
              <p>社群数量：<span class="cooCSum2">20</span></p>
              <p>社警数量：<span class="cooCSum3">8</span></p>
            </div>
            <p class="highBuildText">高层统计数量：
              <span class="highBuildSum"></span>
            </p>
            <p class="wenLiBaoText">文历保统计数量：
              <span class="wenLiBaoSum">59</span>
            </p>
          </div>
        </div>
      </div>


      <div class="indexRightHeight indexRightHeightStyle none authorizePersonnelStatistics">
        <div class="dataStyle">
          <div class="persionalAvatar"></div>
          <p class="titleText">人员统计</p>
          <div class="pStyle pStyle2">
            <p>今日值班人员数：
              <span>100</span>人</p>
            <p>考勤情况：
              <span>100</span>/
              <span>100</span>
            </p>
          </div>
        </div>
      </div>
      <!-- 巡更 -->
      <div class="indexRightHeight indexRightHeightStyle none authorizePatrolStatistics">
        <div class="dataStyle">
          <div class="patrolAvatar"></div>
          <p class="titleText">巡更统计</p>
          <div class="pStyle pStyle1">
            <p>未巡点位：
              <span>100</span>个</p>
          </div>
        </div>
      </div>
      <div class="indexRightHeight personnelStatisticsShow keepWatch-ziyang none">
      </div>
      <div class="indexRightHeight personnelStatisticsShow keepWatch-ziyang1 none">
      </div>
      <!-- 三色预警 饼图和环形图 -->
      <!-- 场所占比 -->
      <div class="policeRatioBox earlyWarningChartsShow">
        <!-- title -->
        <div class="policeRatioBoxTitle">场所占比</div>
        <!-- logo -->
        <div class="policeRatioBoxLogo"></div>
        <!-- legend -->
        <div class="policeRatioLegend">
          <div><span class="normalRisk"></span>一般:<span class="normalRiskNum">0</span></div>
          <div><span class="moddleRisk"></span>较大:<span class="moddleRiskNum">0</span></div>
          <div><span class="highRisk"></span>高危:<span class="highRiskNum">0</span></div>
        </div>
        <div id="policeRatio" class="policeRatio earlyWarningChartsShow" style="width: 266px;height:174px;position:absolute;top: 0px;right: 0px; display: none; z-index: 999;">
        </div>
      </div>      
      <!-- 整改成效图 -->
      <!-- <div class="rectificationMapBox earlyWarningChartsShow">
        <div class="rectificationMapBoxTitle">月整改成效</div>
        <div class="rectificationMapBoxLogo"></div>
        <div class="rectificationMapLegend none">
          <div><span class="normalPlaces"></span>一般</div>
          <div><span class="middlePlaces"></span>较大</div>
          <div><span class="highPlaces"></span>高危</div>
        </div>
        <div class="rectificationCompleted none">
          <div class="completedPlacesNum"></div>
          <div class="completedPlacesText">完成整改</div>
        </div>
        <div id="rectificationMap" class="rectificationMap earlyWarningChartsShow" style="width: 266px;height:174px;position:absolute;top: 0; right: 0; display: none; z-index: 999;">
        </div>
      </div> -->

      <!-- 楼长制 -->
            
      <div class="indexRightHeight indexRightHeightStyle houseMasterCheckDangerStyle houseMasterChartsShow none">
        <div class="dataStyle">
          <div class="deviceAvatarLouImg checkDanger"></div>
          <p class="titleText">本月实时隐患统计</p>
          <div class="pStyle pStyle2 houseMasterPStyle">
            <p class="buildingSystemText">楼宇总数：
              <span class="buildingSum">0</span>
            </p>
            <p class="buildingSystemText">楼长总数：
              <span class="buildingPeopleSum">0</span>
            </p>
            <p class="buildingSystemText">重大隐患数：
              <span class="urgentSum">0</span>
            </p>
            <p class="buildingSystemText">较大隐患数：
              <span class="commonlySum">0</span>
            </p>
            <p class="buildingSystemText">一般隐患数：
              <span class="reprieveSum">0</span>
            </p>

          </div>
        </div>
      </div>

      <div class="indexRightHeight indexRightHeightStyle houseMasterCheckDangerStyle houseMasterChartsShow none">
        <div class="dataStyle">
          <div class="checkDangerImg checkDanger"></div>
          <p class="titleText">本月实时隐患汇总</p>
          <div class="pl40">
            <div width="320" height="230" id="checkDangerCanvas"></div>
            <div class="totalHiddenTroublNumBox">
              <p></p>
              <p>总隐患数</p>
            </div>
          </div>
        </div>
      </div>
      
    </div>
    <!-- 修改当前账号 -->
    <div th:replace="main/homePage::editCurrentAccount"></div>
    <!-- 右下角工作指导 -->
    <div class="workGuideStyle clearfix">
      <div class="workGuideLogo workGuide-trigger authorizePartyBuilding none"></div>
      <!-- 左下角时间 -->
      <div class="page-time page-time-style">
      </div>
    </div>
    <!-- 左下角菜单选项 -->
    <div></div>
    <div class="pageMenuStyle"></div> 


      <!-- 左边菜单 -->
    <div class="homePageMenuLeft huBinBtnAuthorityShow" id="homePageMenuLeft">
      <!-- logo -->
      <div class="homePageMenuLeftLogo">
        <div class="homePageMenuLeftLogoImg"></div>
      </div>
      <!-- 账号 注销 -->
      <div class="userBox">
        <span class="userAvatar"></span>
        <span class="userName"></span>
        <div class="userText" onclick="window.location.href='/logout'">注销</div>
      </div>
      <!-- 一堆东西 -->
      <ul class="firstUl">
        <li id="allDevBtn"><i class="firstUl1"></i><span>全部</span></li>
        <li class="devBtn" id="smokeBtn"><i class="firstUl2"></i><span>烟感</span></li>
        <li class="devBtn" id="chargeBtn"><i class="firstUl3"></i><span>充电桩</span></li>
        <li class="devBtn" id="fireplugBtn"><i class="firstUl4"></i><span>消火栓</span></li>
        <li class="devBtn fireStationBtnRight" id="fireStationBtn"><i class="firstUl5"></i><span>微型消防站</span></li>
        <li class="authorizeHighBuilding" id="buildingBtn"><i class="firstUl6"></i><span>高层建筑</span></li>
        <li id="wenbaoBtn" class="authorizeCulturalRelicProtection"><i class="firstUl7"></i><span>文历保建筑</span></li>
        <li id="earlyWarningBtn" class="authorizeThreeColor earlyWarningBtnRight"><i class="firstUl10"></i><span>三色预警</span></li>
        <li><i class="firstUl8"></i><span><a href="http://112.33.0.176:4488/station/main.html" target="_blank">人员定位</a></span></li>
        <li><i class="firstUl9"></i><span><a href="http://www.hehuiyan.com/html/main/login.html" target="_blank">站点视频</a></span></li>
      </ul>
      <!-- 下拉框部分 -->
      <ul class="secondUl">
        <li>
          <div class="secondLiBox dailyManagement authorizeDailyManagement">
            <i class="secondLi1Logo"></i><span>日常管理</span><s class="secondLi1Arr"></s>
          </div>
          <ul class="none">
            <li class="abnormal-trigger authorizeUnitException">设备异常</li>
            <li class="cd-popup-trigger3 authorizeAlarmManagement">报警管理</li>
            <li class="historyNews-trigger authorizeHistoricalInformation">报警历史</li>
          </ul>
        </li>
        <li>
          <div class="secondLiBox patrolManagement-subplatform authorizeSubplatformList">
            <i class="secondLi2Logo"></i><span>子平台列表</span><s class="secondLi2Arr" style="margin-left: 9px;"></s>
          </div>
          <ul class="none">
            <li><a href="http://123.157.208.126:8089/LTPortal/" target="_blank">大华烟感</a></li>
            <li><a href="http://118.178.105.42/smoke/index.php?s=/Admin/Public/login.html" target="_blank">移动烟感</a></li>
            <li><a href="http://121.199.48.132:8099/" target="_blank">桩源充电桩</a></li>
            <li><a href="http://app.diandingding.com/login/" target="_blank">电钉钉用电</a></li>
          </ul>
        </li>
        <li>
          <div class="secondLiBox authorizeBasicConfiguration">
            <i class="secondLi3Logo"></i><span>基础配置</span><s class="secondLi3Arr"></s>
          </div>
          <ul class="none">
            <li class="configuration-trigger authorizeDeviceManagement">设备管理</li>
            <li class="patrollingPointBtn authorizePatrolPoint">点位管理</li>
            <!-- <li class="personal-trigger authorizePersonnelManagement">人员管理</li> -->
            <li class="account-trigger authorizeAccountManagement">账号管理</li>
            <li class="miniFireStation-trigger authorizeFireStationManagement">微站管理</li>
            <li class="org-trigger authorizeOrganizationManagement">组织管理</li>
            <li class="role-trigger authorizeRoleManagement">角色管理</li>
          </ul>
        </li>
        <li class="bigData-trigger authorizeDataStatistics">
          <div class="secondLiBox">
            <i class="secondLi4Logo"></i><span>数据统计</span>
          </div>
        </li>
      </ul>
      <!-- 搜索框 -->
      <div class="homepageSearchBox homePageMenuLeftSearchBox">
        <div class="homepageSearchListItem_scroll none">
          <ul class="homepageSearchList _panel-box">
            <!-- TODO --> 
          </ul>
        </div>          
        <input class="devAddress" placeholder="请输入设备编号或地址" type="text">
        <i></i>
      </div>      
    </div>


  </div>
    <div th:fragment="editCurrentAccount">
      <!-------------------------------------修改------------------------------>
      <!-- 当前账号 -->
      <div class="cd-popup3 editCurrentAccount-pop editAccountPopStyle editAccount" id="editCurrentAccountModal">
        <!-- style="display: block;visibility: visible" -->
        <div class="cd-popup-container3 editAccountModal">
          <div class="modal-title">账号查看</div>
          <form id="editCurrentAccountForm" class="editCurrentAccountStyle">
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>账号 : </span>
              </div>
              <div class="col-xs-7">
                <input type="text" class="form-control loginNameVal" name="loginName" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>密码 : </span>
              </div>
              <div class="col-xs-7">
                <input type="password" class="form-control passwordVal" name="password" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>所属人 : </span>
              </div>
              <div class="col-xs-7">
                <input type="text" class="form-control nameVal" name="name" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>所属人电话 : </span>
              </div>
              <div class="col-xs-7">
                <input type="text" class="form-control telephoneVal" name="telephone" autocomplete="off" disabled>
              </div>
            </div>
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>角色 : </span>
              </div>
              <div class="col-xs-7">
                <select class="form-control my-form-control choiceRoleIdList roleNameVal" name="roleId" style="width:100%;"
                  disabled>

                </select>
              </div>
            </div>
            <div class="row mb24" style="width:100%;">
              <div class="col-xs-5">
                <span>所属组织 : </span>
              </div>
              <div class="col-xs-7">
                <select class="form-control my-form-control choiceOrgList orgNameVal" name="orgid" style="width:100%;"
                  disabled>

                </select>
              </div>
            </div>


          </form>

          <!-- 关闭 -->
          <a href="javascript:;" class="cd-popup-close closeModal"></a>

        </div>
      </div>
    </div>

    <!-- 提交成功提示框 -->
    <div th:fragment="deleteOrgtip">
      <div class="cd-popup3 tip-pop tipPopStyle tip" id="tipModal">
        <div class="cd-popup-container3 tipModal">
          <div class="modal-title"></div>
          <button type="button" class="btn btn-primary tipBtn cd-popup-close1" style="background-color: #70abe1;border: none;">确定</button>
        </div>
      </div>
    </div>

    <!-- 是否删除 确认框 -->
    <div th:fragment="delConfirmtip">
      <div class="cd-popup3 tipPopStyle tip delTipModal" id="delTipModal">
        <div class="cd-popup-container3 tipModal delCoonfirmTipModal">
          <div class="modal-title"></div>
          <button type="button" class="btn btn-primary tipBtn cd-popup-close1 delCoonfirmTipConfirm" style="background-color: #70abe1;border: none;">确定</button>
          <button type="button" class="btn btn-primary tipBtn cd-popup-close1 delCoonfirmTipCancel" style="background-color: #70abe1;border: none;">取消</button>
        </div>
      </div>
    </div>
</body>

</html>